<template>
  <div>
    <h2>属性绑定指令</h2>
    <!-- 标签的属性,比如img标签的src属性,比如input标签的type属性,value属性 -->
    <img v-bind:src="url" alt="" />
    <!-- v-bind简写成: -->
    <img :src="url" alt="" />
    <br />
    <input type="text" :value="abc" />
    <br />
    <input type="text" :value="abc + ' world'" />
  </div>
</template>

<script>
export default {
  //data,methods,computed,watch...
  //data用于存储数据;
  //data要写成函数,函数中要返回一个对象,我们要把所有的数据放到返回的对象中
  data() {
    return {
      //把数据都放到这里
      url: "http://www.itcbc.com:3006/formdata/123.jpg",
      abc: "hello",
    };
  },
};
</script>

<style>
</style>